
<template>
    <div class="map-wrap">
        <el-amap vid="amapDemo" :amap-manager="amapManager" :events="events" >
        </el-amap>
    </div>
</template>

<script>
    import { AMapManager ,lazyAMapApiLoaderInstance} from 'vue-amap';
    let amapManager = new AMapManager();
    export default {
        name: "amap",
        data(){
            return{
                map:null,
                amapManager,
                events: {}
            }
        },
        mounted() {
            lazyAMapApiLoaderInstance.load().then(() => {
                // your code ...
                this.map = new AMap.Map('amapDemo', {
                    center: [114.04904,22.555878],
                    zoom:15
                });
            });
        }
    }
</script>

<style lang="scss" scoped>
    .map-wrap{
        height: 100vh;
    }
</style>